<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>主页</title>
<style type="text/css">
a {
  border: 1px solid black;
  text-decoration-line: none
  /* font-size: 22px; */
}
</style>
</head>
<body>
<table>
  <thead>
    <tr>
      <th>类别</th>
      <th>路径</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>基本</td>
      <td>
        <a href="base/draggable.jsp">拖动</a>
        <a href="base/pagination.jsp">分页</a>
        <a href="base/progressbar.jsp">进度条</a>
        <a href="base/searchbox-class.jsp">搜索框（类加载）</a>
        <a href="base/searchbox-script.jsp">搜索框（脚本加载）</a>
      </td>
    </tr>
    <tr>
      <td>数据表格和树</td>
      <td>
        <a href="datagrid-and-tree/datagrid-class.jsp">数据表格（类加载）</a>
        <a href="datagrid-and-tree/datagrid-edit.jsp">数据表格编辑数据</a>
        <a href="datagrid-and-tree/datagrid-host.jsp">数据表格加载远程数据</a>
        <a href="datagrid-and-tree/datagrid-host-edit.jsp">数据表格加载并编辑远程数据</a>
        <a href="datagrid-and-tree/datagrid-script.jsp">数据表格（脚本加载）</a>
        <a href="datagrid-and-tree/tree.jsp">树</a>
        <a href="datagrid-and-tree/treegrid.jsp">树形网格</a>
        <a href="datagrid-and-tree/tree-tabs.jsp">树与选项卡</a>
      </td>
    </tr>
    <tr>
      <td>表单</td>
      <td>
        <a href="form/calendar.jsp">日历</a>
        <a href="form/combo.jsp">自定义下拉框</a>
        <a href="form/combobox.jsp">下拉列表框</a>
        <a href="form/combobox-host.jsp">下拉列表框加载远程数据</a>
        <a href="form/combogrid.jsp">数据表格下拉框</a>
        <a href="form/combotree.jsp">树形下拉框</a>
        <a href="form/datebox.jsp">日期输入框</a>
        <a href="form/datetimebox.jsp">日期时间输入框</a>
        <a href="form/form.jsp">表单</a>
        <a href="form/numberbox.jsp">号码框</a>
        <a href="form/numberspinner.jsp">数字微调</a>
        <a href="form/slider.jsp">滑动条</a>
        <a href="form/spinner.jsp">微调</a>
        <a href="form/timespinner.jsp">时间微调</a>
        <a href="form/validatebox.jsp">验证框</a>
      </td>
    </tr>
    <tr>
      <td>布局</td>
      <td>
        <a href="layout/accordion.jsp">分类组件</a>
        <a href="layout/layout.jsp">布局</a>
        <a href="layout/panel.jsp">面板</a>
        <a href="layout/tabs-class.jsp">选项卡（类加载）</a>
        <a href="layout/tabs-script.jsp">选项卡（脚本加载）</a>
      </td>
    </tr>
    <tr>
      <td>菜单和按钮</td>
      <td>
        <a href="menu-and-button/menu.jsp">菜单</a>
        <a href="menu-and-button/menubutton-class.jsp">菜单按钮（类加载）</a>
        <a href="menu-and-button/menubutton-script.jsp">菜单按钮（脚本加载）</a>
        <a href="menu-and-button/splitbutton-class.jsp">分割按钮（类加载）</a>
        <a href="menu-and-button/splitbutton-script.jsp">分割按钮（脚本加载）</a>
      </td>
    </tr>
    <tr>
      <td>窗口</td>
      <td>
        <a href="window/dialog.jsp">对话框窗口</a>
        <a href="window/messager.jsp">消息窗口</a>
        <a href="window/window.jsp">窗口</a>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>